<!--Str 公用顶部-->
<div class="header clearfix"> 
  <!--Str TopBar-->
  <div class="top-bar clearfix" id="TopBar">
    <div class="wrapper clearfix">
      <ul class="top-bar-rt fr">
        <li class="top-bar-rt-1"><em>Hi,欢迎来壹回收!</em><a><span class="red">请登录</span></a></li>
         <!-- 2015-04-15 修改开始 -->
         <li class="drop-down">
            <a class="myaccount">
              <i class="icon icon-user"></i>
              <span>我的壹回收</span>
              <i class="r-srw"></i>
              <div class="tb tb-5">
                <div class="tb-dbox">
                  <div class="userinfo">
                    <div class="clearfix">
                      <div class="u-pic">
                      <a href="#"> <img src="images/avatar.png" width="60" height="60"></a>
                      </div>
                      <div class="u-name u-login">
                        <a href="" class="link-login">你好，请登录</a>
                        <a href="">壹回收欢迎你！</a>
                      </div>
                    </div>
                             
                    <div class="u-extra">           
                        <ul class="clearfix">
                         <li><a href="">我的订单</a></li>
                         <li><a href="">我的钱包</a></li>
                         <li><a href="">待处理订单</a></li>
                         <li><a href="">推荐壹回收</a></li>
                         <li><a href="">下线代理商</a></li>
                         <li><a href="">关于壹回收</a></li>
                        </ul>       
                     </div>   
                   </div>
                        <div class="viewlast">
                       <div class="tit clearfix">
                         <span class="fl">最近浏览</span>
                         <a class="fr">更多</a>
                       </div>
                       <div class="content clearfix">
                         <ul>
                           <li><a href=""><img src="images/phone.png" alt="" /></a></li>
                           <li><a href=""><img src="images/phone.png" alt="" /></a></li>
                           <li><a href=""><img src="images/phone.png" alt="" /></a></li>
                           <li><a href=""><img src="images/phone.png" alt="" /></a></li>
                         </ul>
                       </div>
                     </div> 
                </div>
              </div>
            </a>
         </li>
         
          <!-- 新增样式部分 -->
          <style>
          .tb-5{margin-top:8px;}
          .tb-5 .tb-dbox{padding:10px 5px 10px 5px;width: 200px;}
          .tb-5 .tb-dbox:before{width: 210px;height: 20px;top:-9px;left:32px;position: absolute;display: inline-block;content: '';background: url(images/arrow-up.png) no-repeat;}
          .tb-5 .userinfo{ border-bottom: 1px solid #ddd; padding: 10px 0px 10px 0px;font-size: 12px;}
          .tb-5 .u-pic img {
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          position: relative;
          left:5px;
          top:0px;
          width: 50px;
          height: 50px;
          border: 1px solid #ddd;
          }
          .tb-5 .u-pic{float: left; margin-right: 10px;}
          .tb-5 .link-login{color: #f60}
          .tb-5 .u-name{float:left;margin-left: 15px;}
          .tb-5 .u-name a{display: block;line-height: 25px;}
         .tb-5 .u-extra {border-top: 1px solid #ccc;margin-top: 15px;text-align: left;padding: 0px 10px;}
         .tb-5 .u-extra ul{padding: 10px 0px 0px 0px;}
         .tb-5 .u-extra li{background: none;width: 43%;padding: 0px 5px; }
          .viewlast .tit{padding:5px}
          .viewlast .content{padding: 15px 0px;}
          .viewlast .content li{height: 50px;background: none;padding: 0px;}
          .viewlast .content li img{width: 50px;height: 50px;position: relative;top:0px;left:0px;}

          .hs-box-js ul li{height: 100%;background: none;line-height: 21px;padding: 0px;width: 100%;color:#666;}
          .hs-box-js .item {margin: 10px;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 0px;}


         .hs-box-js .item img{
            float:left;
            width: 60px
          }
          .hs-box-js .item>span{float:left;width: 160px;}
          .hs-box-js .item>span li a{float:right;}
          .hs-box-js .item>span li a:hover{color: #f60}
          .hs-box-js .item>span li span{color: #f60}
          
          .hs-box-js .total{padding: 10px 15px 0px 15px;}
          .hs-box-js .total span{color:#666;}
          .hs-box-js .total em{color: #f60}
          .hs-box-js a.entercar{height: 32px;line-height: 32px;width: 70px;display: inline-block;background: #f60;text-align: center;color: #fff;float: right;}
          </style>
          <!-- 新增样式部分 end-->
          <li>
            <div id="sBtn">
              <i class="icon icon-car"></i>
              <span>去回收车结算</span>
              <i class="r-srw"></i>
              <div class="hs-box">
                  <!-- <div class="hs-box-none"> 回收车中还没有商品呦，赶紧去看看吧！ </div> -->
                   <div class="hs-box-js">
                    <ul class="clearfix">
                      <li>
                        <div class="item clearfix">
                          <img src="images/xs-phone.png" alt="" />
                          <span>
                            <ul>
                              <li>iphone4</li>
                             <li>回收价：<span>￥550</span><a>删除</a></li>
                              <li>12306人回收</li>
                            </ul>
                          </span>
                      
                        </div>
                      </li>
                      <li>
                        <div class="item clearfix">
                          <img src="images/xs-phone.png" alt="" />
                          <span>
                            <ul>
                              <li>iphone4</li>
                             <li>回收价：<span>￥550</span><a>删除</a></li>
                              <li>12306人回收</li>
                            </ul>
                          </span>
                      
                        </div>
                      </li>
                       <li>
                        <div class="item clearfix">
                          <img src="images/xs-phone.png" alt="" />
                          <span>
                            <ul>
                              <li>iphone4</li>
                              <li><span>回收价：￥550</span><a>删除</a></li>
                              <li>12306人回收</li>
                            </ul>
                          </span>
                          
                        </div>
                      </li>
                    </ul>
                    <div class="total">
                      <span>共3件商品</span>
                      <span>
                        合计:
                        <em>
                          ￥1850
                        </em>
                      </span>
                      <a href="" class="entercar">
                        去回收车
                      </a>
                    </div>
                   </div>
              </div>
            </div>
          </li>
           <!-- 2015-04-15 修改结束 -->
        <li class="drop-down drop-down-b"><a><i class="icon icon-tel"></i><span>手机壹回收</span><i class="r-srw"></i></a> 

        <!-- <span class="outline"></span> <span class="blank"></span> -->
          <div class="tb tb-1">
            <div class="tb-dbox"> <img src="images/code-1.jpg" alt="" />
              <div class="tb-dbox-txt">
                <h4>壹回收客户端</h4>
                  <a href=""><i class="tspr t-dbtn-1"></i> <span>iphone</span></a>
                    
                  <a href=""> <i class="tspr t-dbtn-2"></i> <span>android</span></a>
              
                   
             
                
            </div>
          </div>
        </li>

        <!-- 修改 -->
        <li class="drop-down drop-down-s"><a><span>客户中心</span><i class="r-srw"></i></a>
          <div class="tb tb-2">
            <div class="h-list"> <a>帮助中心</a> <a>咨询与建议</a> <a>在线客服</a> <a class="last">常见问题</a> </div>
          </div>
        </li>
      <!-- 修改 end-->

        <li class="collect"><a ><i class="icon icon-start"></i>藏壹回收</a></li>
        <li id="fristHover"><a><i class="icon icon-code"></i>关注壹回收<i class="header-code p-a"></i></a></li>
        <li class="drop-down drop-down-s"><a><span>网站导航</span><i class="r-srw"></i></a>
        <span class="outline"></span> <span class="blank"></span>
        <div class="tb tb-3">
            <div class="l-lixt-box clearfix">
              <h4>网站导航</h4>
              <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> </div>
            <div class="l-lixt-box clearfix">
              <h4>网站导航</h4>
              <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> <a>网站导航</a> </div>
          </div>
        </li>
      </ul>
      <ul class="top-bar-lf fl">
       
        <li><i class="icon icon-addr"></i><em id="address">上海</em></li>
         <li class="drop-down drop-down-s more-city"><a class=""><span>[更多城市]</span><i class="r-srw"></i></a><span class="outline"></span> <span class="blank"></span>
          <div class="tb tb-4">
                        <div id="citySelect">
                    <div class="city-box clearfix">
                    <div class="city-con clearfix">
                      <dl class="city-list-1 clearfix">
                        <dt>  热门城市</dt>
                        <dd><a>北京</a></dd>
                        <dd><a>北京</a></dd>
                        <dd><a>北京</a></dd>
                        <dd><a>北京</a></dd>
                         <dd><a>北京</a></dd>
                        <dd><a>北京</a></dd>
                      </dl>

                        <div class="city-list-3 clearfix">  
                        <dl>  
                                <dt> 选择城市<span>  (按拼音首字母)</span></dt>
                           <dd> <a class="active">A</a></dd>
                           <dd> <a>B</a></dd>
                           <dd> <a>C</a></dd>
                           <dd> <a>D</a></dd>
                           <dd> <a>E</a></dd>
                           <dd> <a>F</a></dd>
                           <dd> <a>G</a></dd>
                           <dd> <a>H</a></dd>
                           <dd> <a>I</a></dd>
                           <dd> <a>J</a></dd>
                           <dd> <a>K</a></dd>
                           <dd> <a>L</a></dd>
                            <dd> <a>M</a></dd>
                        </dl>
                        <dl>
                       
                           <dd> <a>N</a></dd>
                           <dd> <a>O</a></dd>
                           <dd> <a>P</a></dd>
                           <dd> <a>Q</a></dd>
                           <dd> <a>R</a></dd>
                           <dd> <a>S</a></dd>
                           <dd> <a>T</a></dd>
                           <dd> <a>U</a></dd>
                           <dd> <a>V</a></dd>
                           <dd> <a>W</a></dd>
                           <dd> <a>X</a></dd>
                           <dd> <a>Y</a></dd>
                           <dd> <a>Z</a></dd>
                         </dl>
                        
                      </div>
                       <dl class="city-list-result clearfix"> 
                            <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                              <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                            <dd><a>北京</a></dd>
                        </dl>
                    </div>
                  </div>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <!--End TopBar--> 
  <!--Str 顶部内容-->
  <div class="header-con clearfix">
    <div class="wrapper p-r clearfix"> <a class="logo fl"><img src="images/logo.png" alt="壹回收" width="210" height="73"/></a>
      <div class="search-box p-a">
        <div class="search-form p-r">
          <i class="icon icon-so"></i>
          <input type="text" class="search-input" id="search-bar" autocomplete="off"  placeholder="手机品牌/机型"/>
           <ul class="output" style="display: none;"><li class="prediction-item focus clearfix"><span class="prediction-text"><strong>a</strong>pple</span><span class="prediction-num">1200人回收</span></li><li class="prediction-item clearfix"><span class="prediction-text">be<strong>a</strong>r</span><span class="prediction-num">1200人回收</span></li><li class="prediction-item"><span class="prediction-text">c<strong>a</strong>t</span><span class="prediction-num">1200人回收</span></li><li class="prediction-item clearfix"><span class="prediction-text">cr<strong>a</strong>bapple</span><span class="prediction-num">1200人回收</span></li><li class="prediction-item clearfix"><span class="prediction-text">cz<strong>a</strong>r</span><span class="prediction-num">1200人回收</span></li></ul>
          <input type="button" value="搜索" class="search-button">
        </div>
        <div class="search-label"> 热门搜索：<a class="cor-org">HTC Desire 820 Mini
（D820mu/双4G）（黑/白）</a><a>HTC Desire 820 Mini
（D820mu/双4G）S（黑色）</a><a>HTC Desire 820 Mini
（D820mu/双4G）S（白色）</a><a>小米 2S</a> </div>
      </div>
      <div class="header-rt-box p-a"> 
        <div class="h-code-box clearfix">
         <a href="#" class="btn">
           <span>
             签到+1
           </span>
           
           <i class="icon icon-jifen"></i>
         </a>
        <!--   <img src="images/code-1.jpg" alt="" width="55" height="55" />
          <div class="fr">
            <span>扫一扫</span>
            <span>客户端下载地址</span>
            <span><a href="">www.ehuishou.com</a></span>
          </div -->
        </div>
      </div>
    </div>
  </div>
  <!--End 顶部内容--> 
  <!--Str 导航-->
  <div class="nav-box clearfix">
    <ul class="nav wrapper clearfix">
      <li><a>首页</a></li>
      <li><a>回收类别</a></li>
      <li><a>服务中心</a></li>
      <li><a>真伪查询</a></li>
      <li><a>关于我们</a></li>
    </ul>
  </div>
  <!--End 导航--> 
</div>
<!--End 公用顶部--> 